<template>
  <div>
   <img slot="header" src="../assets/images/bj-img@3x.jpg" style="width:100%;display:block;">
    <group label-width="4.5em" label-margin-right="2em" label-align="right">
 
      <x-input title="用户名" placeholder="必填" v-model="Userval"></x-input>
      <x-input title="密码" type="password" placeholder="必填" v-model="Passwordval"></x-input>
     
    </group>
     <box gap="10px 10px">
       <x-button :text="submit001" :disabled="disable001" @click.native="processButton001" type="primary">登  录</x-button>
       </box>
  </div>
</template>

<script>
  import { Group, Cell, XInput, Box, XButton } from 'vux'
  export default {
    components: {
      Group,
      Cell,
      XInput,
      Box,
      XButton
    },
    methods: {
    change (value) {
      console.log('change:', value)
    },
    processButton001 () {
      this.submit001 = 'processing'
      this.disable001 = true
    }
  },
  data () {
  return {
  Userval: '',
  Passwordval: '',
  submit001: 'click me',
  disable001: false
  }
 }
}
</script>

